/*index.css*/

.content_box {
	width: 100%;
	padding: 0 10vw;
	box-sizing: border-box;
}

.content_color {
	background-color: #F8FAFF;
	padding-top: 5%;
}


.subject_rank{
	width: 100%;	
}

.rank_top{
	width: 100%;
	display: flex;
	align-items: center;
	height: 2vw;
	background-color: #ECF2F9;
}

.subject_rank .rank{
	flex: 1;
	font-size: 0.7vw;
	color: #8597B0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.subject_rank .rank:nth-child(1){
	flex: 2.2;
	justify-content: flex-start;
	padding: 0 0.5vw;
}

.subject_rank .rank:nth-child(2){
	flex: 2.2;
	justify-content: flex-start;
	padding: 0 0.5vw;
}

.subject_rank .rank:nth-child(3){
	flex: 2.2;
	justify-content: flex-start;
	padding: 0 0.5vw;
}

.rank_list{
	width: 100%;
	display: flex;
	align-items: center;
	height: 3vw;
	background-color: #fff;
	box-sizing: border-box;
	border-bottom: 1px solid #F5F7FA;
}

.rank_list:hover{
	background-color: #F5F7FA;
}

.rank_list .rank{
	flex: 1;
	font-size: 0.8vw;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rank_list .rank:nth-child(1){
	flex: 2.2;
	justify-content: flex-start;
	padding: 0 0.5vw;
}

.rank_list .rank:nth-child(2){
	flex: 2.2;
	justify-content: flex-start;
	padding: 0 0.5vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.rank_list .rank:nth-child(3){
	flex: 2.2;
	justify-content: flex-start;
	padding: 0 0.5vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}